<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购买服务【Soiseek - 搜IC】</title>
<meta name="description" content="Soiseek：专业电子数据手册中文搜索与下载" />
<meta name="keywords" content="购买服务,数据手册,中文版,pdf下载,Soiseek,搜IC" />

<!--#ZEEVIN#basic.css是通用样式配置-->
<link rel="stylesheet" rev="stylesheet" href="css/basic.css" media="screen" />
<!--#ZEEVIN#style.css是支付页样式-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" media="screen" />
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<script>
<!--#ZEEVIN#slow scrool-->
$(function(){
   $(".preblk_a").click(function(){
        var rel=$(this).attr("rel");
        var pos=$(rel).offset().top;
       //#ZEEVIN#700是滚动速速度可以自己设定
        $("html,body").animate({scrollTop:pos}, 700);
})
})
<!--#ZEEVIN#slow scrool end-->
<!--#ZEEVIN#鼠标滑入滑出搜索按钮的效果-->
$(document).ready(function() {
	$('.s_btn').bind({
		mouseover: function() {
			$(this).addClass("s_btn2");
	    },
	    mouseout: function() {
		<!--#ZEEVIN#移除鼠标滑过样式-->
			$(this).removeClass("s_btn2");  
	   }
	 });
	 <!--#ZEEVIN#处理返回顶端按钮是否显示-->
	 $(window).scroll( function() { 
	    var wheight = $(window).height() + $(window).scrollTop();
		if($('#bluebg').offset().top<=wheight){
		$('.button').show();
		}else{
		$('.button').hide();
		}
	 });
	 });
<!--#ZEEVIN#鼠标滑入滑出搜索按钮的效果-->


</script>
</head>
<body>
<div id="paypage">
<!--#MIKEY# preblk start -->
<div class="preblk">
<h1>想看更多的中文数据手册？</h1>
<h1>想无限量下载中文版的Datasheet PDF？</h1>
<h1>想体验更专业的高级搜索功能？</h1>
<p class="intro"><strong>Soiseek&nbsp;-&nbsp;搜IC</strong>独家提供电子专业资料的<a href="#" class="red">中文搜索</a>与<a href="#" class="red">中文手册</a>浏览。如果您在这里找不到，在其它地方更不可能找到。</p>
<h3>一分钟支付宝付款，开通全站服务！</h3>
<div class="pay_way">
<p >
<a href="javascript:void(0)" rel="#bluebg" class="preblk_a">每天10元</a>&nbsp;付款10元立即开通全站浏览与下载服务，24小时后失效。<br />
<a href="javascript:void(0)" rel="#yellowbg" class="preblk_a">包月100元</a>&nbsp;30天内解锁所有文档的浏览与下载权限，包月更优惠！<br />
我只想看3M公司的&nbsp;<a href="javascript:void(0)"  rel="#greenbg" class="preblk_a">3M123456</a><br />
还没想好，<a href="javascript:void(0)" rel="#redbg" class="preblk_a">暂不购买</a> </p>
  <a href="javascript:void(0)"  rel="#bluebg" class="preblk_a arrow"></a>
</div>  
</div>
<!--#MIKEY# preblk end -->
  
<!--#MIKEY# bluebg start -->
<div class="bluebg" id="bluebg">
  <h2>按天付费</h2>
  <p>在您所购买的服务时间内（从付款时刻开始计时），开通全站浏览与下载服务，时间用完后权限过期。</p>
  <p><a href="#" class="blue_a">购买10元/1天</a></p> 
  <p><a href="#" class="blue_a">购买30元/3天</a></p> 
  <p><a href="#" class="blue_a">购买50元/7天</a></p> 
</div>
<!--#MIKEY# bluebg start -->
  
  
<!--#MIKEY# yellowbg start -->
<div class="yellowbg" id="yellowbg">
  <h2>包月付费</h2>
  <p>仅3元/天，同样解锁所有文档的浏览与下载权限，有效期1个月（30天）。</p>
  <p><a href="#" class="orange_a">购买100元/1月</a></p> 
</div>
<!--#MIKEY# yellowbg start -->
  
  
<!--#MIKEY# greenbg start -->
<div class="greenbg" id="greenbg">
  <h2>浏览指定型号</h2>
  <p>开通&nbsp;3M123456&nbsp;中所有文档页在1天（24小时）内的浏览与下载权限。</p>
  <p><a href="#" class="green_a">购买5元/3M123456</a></p>
  <span>我还想看看其它型号</span>
  <div id="search">
		  <form  target='_black' action="http://www.soiseek.cn/SearchAction" name="searchForm" id="searchForm" method="get">
			<input type="text" id="s" name="s" value="请输入搜索关键字" />
			<input type="submit"  class="s_btn" value="" />
		  </form>
  </div>
</div>
<!--#MIKEY# greenbg start -->

<!--#MIKEY# redbg start -->
<div class="redbg" id="redbg">
  <h2>关注我们</h2>
  <p>关注<strong> @Soiseek电子新闻</strong>：电子业界新闻实时播报，每日动态一手掌握！</p>
  <p><a href="#" class="red_a">关注新浪微博</a></p> 
  <p><a href="#" class="red_a">关注腾讯微博</a></p> 
  <p><a href="#" class="red_a">关注网易微博</a></p> 
</div>
<!--#MIKEY# redbg start -->
<a class="button right" href="javascript:scroll(0,0)"><img src="img/toparrow.gif" width="13" height="15" />&nbsp;返回顶部</a></div>
</div>
</body>
</html>
